<template>
  <!-- ts练习 -->
  <!-- <TsStudy /> -->

  <!-- 组件通讯，子传父、父传子 -->
  <!-- <CommunicationMain /> -->

  <!-- 动态组件 -->
  <!-- <IsComponentMain /> -->

  <!-- 插槽 -->
  <!-- <SlotTestMain /> -->

  <!-- 骨架屏和异步组件suspense -->
  <!-- <SuspenseMain /> -->

  <!-- Teleport传送组件，用途：模态框 -->
  <!-- <TeleportMain /> -->

  <!-- keep-alive缓存组件 -->
  <KeepAliveTest />

  <!-- transition动画组件 -->
  <!-- <TransitionTest /> -->

  <!-- TSX -->
  <!-- <TSXTest></TSXTest> -->

  <!-- v-model 暂无 -->

  <!-- 自定义指令 directive -->
  <!-- <DirectiveTest /> -->

  <!-- hooks -->
  <!-- <HooksTest /> -->
  <!-- 定义全局函数和变量 -->
  <!-- <GlobalFunVar /> -->

  <!-- 自定义插件 -->
  <!-- <PluginTest /> -->

  <!-- 自定义单位转 vw/vh 设置全局字体选项 -->
  <!-- <SetFontGlobal /> -->

  <!-- pinia -->
  <!-- <PiniaMain /> -->

  <!-- router 实验 -->
  <!-- <RouterTest /> -->
</template>

<script setup lang="ts">
// ts练习
// import TsStudy from '@/views/TsStudy.vue';

// 组件通讯
// import CommunicationMain from '@/views/componentCommunication/CommunicationMain.vue';

// 动态组件 使用场景：tab栏切换
// import IsComponentMain from '@/views/isComponent/IsComponentMain.vue';

// 插槽
// import SlotTestMain from '@/views/slot/SlotTestMain.vue';

// 异步组件suspense，用途：骨架框
// import SuspenseMain from '@/views/suspense/SuspenseMain.vue';

// Teleport传送组件，用途：模态框
// import TeleportMain from '@/views/teleport/TeleportMain.vue';

// keep-alive缓存组件
import KeepAliveTest from '@/views/keepAlive/KeepAliveTest.vue';

// transition动画组件
// import TransitionTest from '@/views/transition/TansitionTest.vue';

// TSX
// import TSXTest from './views/tsxTest/TSXTest.vue';

// v-model 暂无

// 自定义指令 directive
// import DirectiveTest from '@/views/directive/DirectiveTest.vue';

// hooks
// import HooksTest from '@/views/hooks/HooksTest.vue';

// 定义全局函数和变量
// import GlobalFunVar from '@/views/globalFunVar/GlobalFunVar.vue';

// 自定义插件
// import PluginTest from './views/customPlugin/PluginTest.vue';

// 自定义单位转 vw/vh 设置全局字体选项
// import SetFontGlobal from '@/views/postcss-pxtovw/SetFontGlobal.vue';

// pinia 实验
// import PiniaMain from './views/piniaTest/PiniaMain.vue';

// router 实验
// import RouterTest from '@/views/routerTest/RouterTest.vue';
</script>

<style scoped></style>
